<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
    <link href="css/header-nav.css" rel="stylesheet">
    <link href="css/home.css" rel="stylesheet">
    <link href="http://at.alicdn.com/t/font_1473987_c03rjijab8r.css" rel="stylesheet">
    <script src="js/cookie.js"></script>
    <script src="js/header-nav.js"></script>
    <script src='js/rem01.js'></script>
    <script src="js/home.js"></script>
    <title>首页</title>
</head>

<body>
    <div id="wrap">
        <div class="container">
            <!-- header -->
            <nav class="navbar navbar-inverse navbar-fixed-top" id="header-nav">
                <div class="navbar-header" style="position:relative;">
                    <!-- icon -->
                    <a class="navbar-brand" href="home.html" id="logo">
                        <span class="iconfont icon-shuben" style="color: white;font-size: 30px;"></span>
                    </a>
                    <!-- header-button -->
                    <button type="button" id="header-button" class="navbar-toggle" data-toggle="collapse" data-target="#header-content">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <!-- header content -->
                <div class="collapse navbar-collapse" id="header-content">
                    <ul class="nav navbar-nav">
                        <li><a style="color: yellowgreen;" href="home.html">首页</a></li>
                        <li><a href="Item-bank.html">题库</a></li>
                        <li id="nav-error" style="display: none;"><a href="#">错题本</a></li>
                        <li id="nav-upcontent" style="display: none;"><a href="up-content.html">上传题目</a></li>
                        <li><a href="#" id="team">技术支持</a></li>
                        <li style="float: right;">
                            <a id="login-register" href="#" class="iconfont icon-icon-user" style="font-size: 30px;"></a>
                        </li>
                    </ul>

                </div>
            </nav>

            <!------------>
            <div class="row">
                <div>
                    <div class="row-title">
                        <p class="typeface row-title-top">学海无涯</p>
                        <p class="typeface row-title-bot">学海无涯</p>

                    </div>

                </div>
                <div class="row-button">
                    <button class="button" id="home-login">登 录</button>
                    <button class="button" id="home-register">注 册</button>
                </div>
                <div class="home col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-top:20px;">
                    <div class="panking " style="display: inline-flex;">
                        <!-- 排行榜贡献度 -->
                        <div style="width: 3.5rem; margin-right: 0.5rem;">
                            <p style="font-size: 0.3rem;text-align: center; font-weight: bold; ">贡 献 榜</p>
                            <div class=" panel-group accr1" id="accordion" role="tablist" aria-multiselectable="true">
                                <!-- <div class="panel panel-default">

                                    <div class="panel-heading" role="tab" id="heading1">

                                        <h4 class="panel-title" role="button" data-toggle="collapse" data-parent="#accordion" href="#devote1" aria-expanded="true" aria-controls="devote1">

                                            <a href="">1</a>
                                        </h4>
                                    </div>
                                    <div id="devote1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading1">
                                        <div class="panel-body">

                                            哈啊哈哈哈
                                        </div>
                                    </div>
                                </div> -->
                                <!-- 
                                <div class="panel panel-default">
                                    <div class="panel-heading" role="tab" id="heading2">
                                        <h4 class="panel-title collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#devote2" aria-expanded="false" aria-controls="devote2">
                                            <a href="">2</a>
                                        </h4>
                                    </div>
                                    <div id="devote2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading2">
                                        <div class="panel-body">
                                            呵呵呵呵
                                        </div>
                                    </div>
                                </div> -->
                                <!-- <div class="panel panel-default">

                                    <div class="panel-heading" role="tab" id="heading3">
                                        <h4 class="panel-title collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#devote3" aria-expanded="false" aria-controls="devote3">
                                            <a href="">3</a>

                                        </h4>
                                    </div>

                                    <div id="devote3" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading3">
                                        <div class="panel-body">
                                            内容
                                        </div>
                                    </div>
                                </div> -->
                                <!-- <div class="panel panel-default">

                                    <div class="panel-heading" role="tab" id="heading4">
                                        <h4 class="panel-title collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#devote4" aria-expanded="false" aria-controls="devote4">
                                            <a> 4</a>
                                        </h4>
                                    </div>

                                    <div id="devote4" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading4">
                                        <div class="panel-body">
                                            内容
                                        </div>
                                    </div>
                                </div> -->
                                <!-- <div class="panel panel-default">

                                    <div class="panel-heading" role="tab" id="heading5">
                                        <h4 class="panel-title collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#devote5" aria-expanded="false" aria-controls="devote5">
                                            <a href="">5</a>
                                        </h4>
                                    </div>

                                    <div id="devote5" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading5">
                                        <div class="panel-body">
                                            内容
                                        </div>
                                    </div>


                                </div> -->

                            </div>
                        </div>




                        <!-- 排行榜2 -->
                        <div style="width: 3.5rem;">

                            <p style="font-size: 0.3rem;text-align: center; font-weight: bold;">正 确 榜</p>
                            <div class="panel-group accr2" id="accordion" role="tablist" aria-multiselectable="true">
                                <!-- <div class="panel panel-default">
                                    <div class="panel-heading" role="tab" id="heading1">
                                        <h4 class="panel-title" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse1" aria-expanded="true" aria-controls="collapse1">
                                            <a>top1</a>
                                        </h4>
                                    </div>
                                    <div id="collapse1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading1">
                                        <div class="panel-body">
                                            信息
                                        </div>
                                    </div>
                                </div> -->
                                <!-- <div class="panel panel-default">
                                    <div class="panel-heading" role="tab" id="heading2">
                                        <h4 class="panel-title collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse2" aria-expanded="false" aria-controls="collapse2">
                                            <a>top2</a>
                                        </h4>
                                    </div>
                                    <div id="collapse2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading2">
                                        <div class="panel-body">
                                            信息
                                        </div>
                                    </div>
                                </div> -->
                                <!-- <div class="panel panel-default">
                                    <div class="panel-heading" role="tab" id="heading3">
                                        <h4 class="panel-title collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse3" aria-expanded="false" aria-controls="collapse3">
                                            <a>3</a>
                                        </h4>
                                    </div>
                                    <div id="collapse3" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading3">
                                        <div class="panel-body">
                                            信息
                                        </div>
                                    </div>
                                </div> -->
                                <!-- <div class="panel panel-default">
                                    <div class="panel-heading" role="tab" id="heading4">
                                        <h4 class="panel-title collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse4" aria-expanded="false" aria-controls="collapse4">
                                            <a>4</a>
                                        </h4>
                                    </div>
                                    <div id="collapse4" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading4">
                                        <div class="panel-body">
                                            信息
                                        </div>
                                    </div>
                                </div> -->
                                <!-- <div class="panel panel-default">
                                    <div class="panel-heading" role="tab" id="heading5">
                                        <h4 class="panel-title collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse5" aria-expanded="false" aria-controls="collapse5">
                                            <a>5</a>
                                        </h4>
                                    </div>
                                    <div id="collapse5" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading5">
                                        <div class="panel-body">
                                            信息
                                        </div>
                                    </div>
                                </div> -->
                            </div>
                        </div>
                    </div>


                </div>
            </div>
        </div>

        <!-- #content-warp-->
    </div>
    <!-- .container -->
    <div class="modal fade" id="myModal-public" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" style="display: inline-block;margin: 0 auto;"></h4>
                    <button type="button" class="close" data-dismiss="modal">X</button>
                </div>
                <div class="modal-body" id="myModal-public-body" style="text-align: center;">

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 公共模态框 -->
    </div>
    <!-- #wrap -->
</body>
<script>
    if (getCookie('code') == 200 || getCookie('code') == 201 || getCookie('code') == 202) {
        $('#home-login').css('display', 'none')
        $('#home-register').css('display', 'none')
    } else {
        $('#home-login').css('display', 'inline')
        $('#home-register').css('display', 'inline')
    }
    $('#home-login').click(function() {
        window.location.href = "login.html"
    })
    $('#home-register').click(function() {
        window.location.href = "register.html"
    })
</script>

</html>